<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商品详情</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/goods.css">
</head>
<body>
	<!-- 顶部导航 -->
	<div id="top">
		<div class="top-nav">
			<div class="top-nav-l">
				<ul>
					{{if value="isset($_SESSION['user_id'])"}}
						<li>你好,欢迎来到海澜之家!</li>
						<li class="user">{{$_SESSION['user_id']}}
						</li>
						<li><a href="{{U('Member/Login/quit')}}">退出</a></li>
						{{else}}
						<li>你好,欢迎来到海澜之家!</li>
						<li class="l1"><a href="{{U('Member/Login/log')}}">请登录</a><span>|</span></li>
						<!-- <li class="l1">合作账号登录</li>
						<li class="l1">
						<a href=""><img src="images/sina.jpg" width="14px"></a>
						<a href=""><img src="images/qqimg.jpg" width="14px"></a>
						<a href=""><img src="images/taobaoimg.jpg" width="14px"></a>
						<span>|</span></li> -->
						<li class="l1"><a href="{{U('Member/Login/reg')}}">免费注册</a></li>
					{{endif}}

					<!-- <li>你好,欢迎来到海澜之家!</li>
					<li class="l1"><a href="login.html">请登录</a><span>|</span></li>
					<li class="l1">合作账号登录</li>
					<li class="l1">
					<a href=""><img src="images/sina.jpg" width="14px"></a>
					<a href=""><img src="images/qqimg.jpg" width="14px"></a>
					<a href=""><img src="images/taobaoimg.jpg" width="14px"></a>
					<span>|</span></li>
					<li class="l1"><a href="register.html">免费注册</a></li> -->
				</ul>
			</div>
			<div class="top-nav-r">
				<ul>
					<!-- <li><a href="">我的海澜之家</a><span>|</span></li>
					<li><a href="">在线客服</a><span>|</span></li> -->
					<li><a href="">我的购物袋有0件商品</a></li>
					<!-- <li><a href="">帮助</a><span>|</span></li>
					<li></li> -->
				</ul>
			</div>
		</div>
	</div>
<!-- 顶部导航结束 -->
<!-- 顶部菜单 -->
<div id="category">
	<div class="category-img">
		<div class="cateimg-l">
			<a href=""><img src="images/newgoods.png"></a>
			<a href=""><img src="images/t.png"></a>
			<a href=""><img src="images/chenshan.png"></a>
		</div>
		<div class="cateimg-c">
			<a href=""><img src="images/newlogo.jpg"></a>
		</div>
		<div class="cateimg-r">
			<a href=""><img src="images/paonan.jpg"></a>
		</div>
	</div>
	<div class="category-text">
		<div class="text-con">
			<ul>
				<li><a href="">首页</a></li>
				<li><a href="">所有商品</a></li>
				<li><a href="">秋季新品</a></li>
				<li><a href="">夏季热卖</a></li>
				<li><a href="">长袖T恤</a></li>
				<li><a href="">夹克</a></li>
				<li><a href="">长袖衬衫</a></li>
				<li><a href="">针织衫/毛衫</a></li>
				<li><a href="">外套</a></li>
				<li><a href="">裤装</a></li>
				<li><a href="">配饰</a></li>
			</ul>
		</div>
	</div>
</div>
<!-- 顶部菜单结束 -->

<!-- 商品页 -->
<div id="goods">
	<div class="left">
		<!-- 左 -->
		<div class="images">
			<div class="img">
				<img src="images/goods/1.jpg" alt="">
			</div>
			<div class="turn">
				<a href=""><img src="images/goods/left.gif" class="l"></a>
				<a href=""><img src="images/goods/right.gif" class="r"></a>
			</div>
		</div>
		<!-- 上 中 -->
		<div class="detail">
			<div class="name">
				<p class="goods-name">2015新品 海澜之家男装正品 休闲修身男士长袖T恤 HTSD3B100</p>
				<p class="goods-num">商品编号：HTSD3B100</p>
			</div>
			<div class="price">
				<div class="text">价格</div>
				<div class="number">¥<span>98.00</span></div>
			</div>
			<div class="color">
				<ul>
					<li>颜色</li>
					<li class="se"><a href="">天蓝</a></li>
					<li class="se"><a href="">深灰</a></li>
					<li class="se"><a href="">卡其</a></li>
				</ul>
			</div>
			<div class="size">
				<ul>
					<li>尺寸</li>
					<li class="se"><a href="">S</a></li>
					<li class="se"><a href="">M</a></li>
					<li class="se"><a href="">L</a></li>
					<li class="se"><a href="">XL</a></li>
					<li class="se"><a href="">XXL</a></li>
				</ul>
			</div>
			<div class="quantity">
				<div class="text">数量</div>
				<div class="number">
					<div class="num">
						<input type="hidden" value=""></input>
						<input type="text" value="1" style="width:40px;height:30px;border:1px solid #AAAAAA;background:#F0F0F0;text-align:center;margin-top:7px;float:left;"></input>
						<div class="sanjiao">
							<a href="javascript:void(0);" class="shang"><p>︿</p></a>
							<a href="javascript:void(0);" class="xia"><p>﹀</p></a>
						</div>	
					</div>
					<div class="jian"><p>件</p></div>
					<div class="shoucang"><a href="javascript:void(0);">☆收藏该商品</a></div>
				</div>
			</div>
			<div class="buy">
				<a href="javascript:void(0);" class="buynow"><p>立即购买</p></a>
				<a href="javascript:void(0);" class="car"><p>加入购物车</p></a>
			</div>
			<div class="service">
				<p>服务承诺</p>
				<p>退货保障</p>
				<p>极速退款</p>
				<p>七天退货</p>
			</div>	
		</div>
		<!-- 下 左 -->
		<div class="category">
			<a href=""><img src="images/list/qiujicebian4.jpg" alt="" class="top"></a>
			<a href=""><img src="images/list/cebian080702.jpg" alt=""></a>
			<!-- <a href=""><img src="images/list/qiujicebian5.jpg" alt=""></a> -->
			<a href=""><img src="images/list/cebian7.jpg" alt=""></a>
			<a href=""><img src="images/list/cebian0803.jpg" alt=""></a>
			<ul class="qiuji">
				<li><a href="">☆长袖T恤</a></li>
				<li><a href="">☆长袖衬衫</a></li>
				<li><a href="">☆毛衣/针织衫</a></li>
				<li><a href="">☆夹克</a></li>
				<li><a href="">☆风衣</a></li>
				<li><a href="">☆西服</a></li>
				<li><a href="">☆休闲裤</a></li>
				<li><a href="">☆牛仔裤</a></li>
				<li><a href="">☆西裤</a></li>
				<li><a href="">☆配饰</a></li>
			</ul>
			<div class="hotsale">
				<div class="tag"><p>热销排行</p><span><img src="images/selling.jpg" alt=""></span></div>
				<div class="hotgoods">
					<ul>
						<li><a href=""><img width="172px" height="172px" src="images/list/15.jpg" alt=""><p>海澜之家 奔跑吧兄弟 第2季第5期</p><p>售价<span>¥258.00</span></p></a></li>
						<li><a href=""><img width="172px" height="172px" src="images/list/16.jpg" alt=""><p>Heilan Home/2015秋季新品衬衫</p><p>售价<span>¥198.00</span></p></a></li>
					</ul>
				</div>
			</div>
			<div class="browsed">
				<div class="tag"><p>最近浏览过的商品</p></div>
				<div class="hotgoods">
					<ul>
						<li><a href=""><img width="172px" height="172px" src="images/list/15.jpg" alt=""><p>海澜之家 奔跑吧兄弟 第2季第5期</p><p>售价<span>¥258.00</span></p></a></li>
						<li><a href=""><img width="172px" height="172px" src="images/list/17.jpg" alt=""><p>海澜之家2015修身印花长袖衬衫</p><p>售价<span>¥198.00</span></p></a></li>
						<li><a href=""><img width="172px" height="172px" src="images/list/16.jpg" alt=""><p>Heilan Home/2015秋季新品衬衫</p><p>售价<span>¥198.00</span></p></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="description">
			<div class="top">
				<a href="javascript:void(0);" class="goodsdetail"><span>商品详情</span></a>
				<a href="javascript:void(0);" class="pingjia"><span>累计评价(0)</span></a>
				<a href="javascript:void(0);" class="question"><span>疑难提问</span></a>
			</div>
			<div class="goodsdetail-x">
				
			</div>
			<div class="pingjia-x">
				
			</div>
			<div class="question-x">
				
			</div>
		</div>
	</div>
	<div class="right">
		
	</div>
</div>

<!-- 商品页结束 -->
<!-- 底部 -->
	<div id="footer" style="position:absolute; top:5800px;bottom:0;">
		<div class="footer-con">
			<div class="service">
				<ul>
					<li class="day"><img src="images/footerimg1.jpg" alt=""><p>7天</p><span>无条件退货</span></li>
					<li class="free"><img src="images/footerimg2.jpg" alt=""><p>全场免68元包邮</p></li>
					<li class="city"><img src="images/footerimg3.jpg" alt=""><p>全国所有城市</p><span>快递上门服务</span></li>
				</ul>
			</div>
			<div class="text">
				<ul>
					<li><p>新手指南</p><a href="">用户注册</a><br/><a href="">找回密码</a><br/><a href="">服务条款</a></li>
					<li><p>购物指南</p><a href="">购物流程</a><br/><a href="">订单查询</a><br/><a href="">抵用券使用流程</a></li>
					<li><p>配送方式</p><a href="">配送城市和费用</a><br/><a href="">商品验货与签收</a></li>
					<li><p>支付方式</p><a href="">中国银联</a><br/><a href="">支付宝</a><br/><a href="">发票制度</a></li>
					<li><p>售后服务</p><a href="">退换货制度</a><br/><a href="">退换货流程</a><br/><a href="">退款方式</a><br/><a href="">隐私声明</a></li>
					<li class="hotline"><p>客户服务热线<span>(仅收市话费)</span></p><p class="line">400-892-2001</p>
					<p class="jia">加盟热线</p><p class="line">0510-86700308</p><br/><p class="line">0510-86125808</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
<!-- 底部结束 -->
</body>
</html>